<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="/aaa/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/aaa/layuiadmin/style/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">学生电话</label>
                    <div class="layui-input-block">
                        <input type="text" name="telephone" id="gsa-telephone" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">身份证号</label>
                    <div class="layui-input-block">
                        <input type="text" name="idcard" id="gsa-idcard" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">学生证号</label>
                    <div class="layui-input-block">
                        <input type="text" name="stcard" id="gsa-stcard" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <button id="gsa-searchbtn" class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>

<div class="layui-card-body">
    <table class="layui-hide" id="studentapprovetbl" lay-filter="socialapprovetbl-filter"></table>
</div>
    </div>
</div>

<script src="/aaa/layuiadmin/layui/layui.js"></script>
<script th:inline="none">
    layui.use('table', function(){
        var table = layui.table;
        var $ = layui.$;

        table.render({
            elem: '#studentapprovetbl'
            ,height: 312
            ,url: '/aaa/studentapprove/getAllStudentUser' //数据接口
            ,page: true //开启分页
            ,cols: [
                [
                    {field: 'telephone', title: '学生电话',align:'center'}
                    ,{field: 'name', title: '学生姓名', align:'center'}
                    ,{field: 'username', title: '昵称',align:'center'}
                    ,{field: 'idcard', title: '身份证号',align:'center'}
                    ,{field: 'stcard', title: '学生证号',align:'center'}
                ]
            ]

        });

        $('#gsa-searchbtn').click(function () {
            table.reload('studentapprovetbl', {
                url: '/aaa/studentapprove/getAllStudentUser',
                where: {
                    telephone:$("#gsa-telephone").val(),
                    idcard:$("#gsa-idcard").val(),
                    stcard:$("#gsa-stcard").val(),
                } //设定异步数据接口的额外参数
                //,height: 300
            });
        });
    });



</script>



</body>
</html>
